<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Nested Sortable Widget Demo</title>

<link rel="stylesheet" href="wp-admin.css" type="text/css">
<link rel="stylesheet" href="../../src/widget/style/nestedsortablewidget.css" type="text/css">

<!--jQuery-->
<!--development-->
<!--<script type="text/javascript" src="../../externals/jquery-src/jquery/jquery.js"></script>
<script type="text/javascript" src="../../externals/jquery-src/selector/selector.js"></script>
<script type="text/javascript" src="../../externals/jquery-src/event/event.js"></script>
<script type="text/javascript" src="../../externals/jquery-src/fx/fx.js"></script>-->
<!--stable-->
<script type="text/javascript" src="../../externals/released-externals/jquery-1.2.pack.js"></script>

<!--Interface-->
<!--development-->
<!--<script type="text/javascript" src="../../externals/interface/iutil.js"></script>
<script type="text/javascript" src="../../externals/interface/idrag.js"></script>
<script type="text/javascript" src="../../externals/interface/idrop.js"></script>
<script type="text/javascript" src="../../externals/interface/isortables.js"></script>-->
<!--stable-->
<script type="text/javascript" src="../../externals/released-externals/interface-1.2.js"></script>

<!--JSON plugin-->
<script type="text/javascript" src="../../externals/json/json.js"></script>

<!--Nested Sortables-->
<script type="text/javascript" src="../../compressed/nested_sortable/inestedsortable.js"></script>
<script type="text/javascript" src="../../compressed/widget/jquery.nestedsortablewidget.js"></script>

<script type="text/javascript">
/* <![CDATA[ */
	jQuery( function($) { 


/*
 * Showing how you can:
 *  - Use custom effects in series for the page transitions.
 *  - Your data source may be as dumb as a static file and 
 *	  always return everything.
 */
$('#ajax-response4').NestedSortableWidget({
	name: 'my_third_widget',
	loadUrl: "json_load.js",
	paginate: false,
	itemsPerPage: 10,
	startPage: 1,
	transitionAnim: "custom-series",
	transitionOut: function(callback){
		this.fadeOut(500, callback );
	},
	transitionIn: function(callback){
		this.fadeIn(500, callback );
	}
});


	});
/* ]]> */
</script>
</head>

<body>

<h2>
Code:
</h2>
<pre>
/*
 * Showing how you can:
 *  - Use custom effects in series for the page transitions.
 *  - Your data source may be as dumb as a static file and 
 *	  always return everything.
 */
$('#ajax-response4').NestedSortableWidget({
	name: 'my_third_widget',
	loadUrl: "json_load.js",
	paginate: true,
	itemsPerPage: 4,
	startPage: 1,
	transitionAnim: "custom-series",
	transitionOut: function(callback){
		this.fadeOut(500, callback );
	},
	transitionIn: function(callback){
		this.fadeIn(500, callback );
	}
});
</pre>
<h2>
Output:
</h2>
<div id="ajax-response4"></div>

</body></html>